.pillar {
    flex: 1;
    margin: 0 12px;
    position: relative;
    height: 100%;
    width: 100px;
    border-bottom: 15px solid rgb(63, 47, 11);
    border-radius: 10%;
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    -ms-border-radius: 10%;
    -o-border-radius: 10%;
}
.pillar::after {
    content: '';
    position: absolute;
    left: 50%;
    height: 100%;
    width: 6px;
    transform: translateX(-50%);
    border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    -ms-border-radius: 15px 15px 0 0;
    -o-border-radius: 15px 15px 0 0;
    background-color: rgb(63, 47, 11);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.pillar-title {
    position: absolute;
    bottom: -40px;
    left: 50%;
    font-weight: 600;
    font-style: italic;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
